<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="./assets/font/iconfont.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/shopcart.css">
</head>

<body>
    <div class="top">
        <div class="layout">
            <ul class="top_nav">

                <li class="nav_left_box">
                    <a href="">
                        网站导航
                        <span class="iconfont icon_nav">&#xe520;</span>
                    </a>
                </li>
                <li class="nav_left_box">
                    <a href="">
                        商家入驻
                        <span class="iconfont icon_nav">&#xe520;</span>
                    </a>
                </li>
                <li class="nav_left_box">
                    <a href="">
                        客户服务
                        <span class="iconfont icon_nav">&#xe520;</span>
                    </a>
                </li>
                <li class="nav_left_box">
                    <a href="">
                        <span class="iconfont icon_zuobiao">&#xed14;</span>
                        北京
                        <span class="iconfont icon_nav">&#xe502;</span>
                    </a>
                </li>
            </ul>
            <div class="nav_right">
                <div class="nav_right_box">
                    <a href="./login.html">
                        请登录
                    </a>
                </div>
                <div class="nav_right_box nav_right_color">
                    <a href="./register.html">
                        注册有礼
                    </a>
                </div>
                <div class="nav_right_box">
                    <a href="">
                        我的订单
                        <span class="iconfont icon_nav">&#xe520;</span>
                    </a>
                </div>
                <div class="nav_right_box">
                    <a href="">
                        我的购物
                        <span class="iconfont icon_nav">&#xe520;</span>
                    </a>
                </div>
                <div class="nav_right_box">
                    <a href="">
                        小U会员
                    </a>
                </div>
                <div class="nav_right_box nav_right_color">
                    <a href="">
                        <span class="iconfont">&#xf0179;</span>
                        购物车 0
                        <span class="iconfont icon_nav">&#xe520;</span>
                    </a>
                </div>
                <div class="nav_right_box">
                    <a href="">
                        易付宝
                    </a>
                </div>
                <div class="nav_right_box">
                    <a href="">
                        企业采购
                    </a>
                </div>
                <div class="nav_right_box">
                    <a href="">
                        手机小U
                        <span class="iconfont icon_nav">&#xe520;</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="layout cart_header">
        <div class="logo">
            <h1><img src="./images/logo.jpg" alt=""></h1>
            <p>购物车</p>

        </div>
        <div class="header_search">
            <div class="header_search_ipt">
                <input class="iconfont icon_nav header_input" type="text"
                    placeholder="&#xe501;&nbsp;&nbsp;到店每300减30">
            </div>
            <input type="submit" value="搜索" class="header_search_btn">
        </div>
    </div>
    <div class="layout order_wrap">
        <div class="order_hd">
            <div class="col_checkbox"><input type="checkbox">全选</div>
            <div class="col_info">商品</div>
            <div class="col_price">单价</div>
            <div class="col_amount">购买数量</div>
            <div class="col_subtotal">小计</div>
            <div class="col_operation">操作</div>
        </div>
        <div class="order_bd">
            <div class="clearfix order_item">
                <div class="col_checkbox"><input type="checkbox"></div>
                <div class="col_info">
                    <div class="info_desc">
                        <div class="info_pic">
                            <img src="images/pic4.jpg" alt="">
                        </div>
                        <div class="info_text">
                            <p class="name">
                                <a href="#">荣耀智慧屏 55英寸 2G+16G 开关机无广告 远场语音 4K超高清人工智能液晶</a>

                            </p>
                            <p class="property">
                                <span>颜色：红</span>
                                <span>型号：v1</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col_price">&yen;5199</div>
                <div class="col_amount">
                    <div class="num_input">
                        <span class="btn_reduce btn_disabled">-</span>
                        <input type="text" class="num_text" value="1">
                        <span class="btn_add">+</span>
                    </div>
                </div>
                <div class="col_subtotal"><span>&yen;5100.00</span></div>
                <div class="col_operation">
                    <a href="#" class="highlight">删除</a>
                    <a href="#">移入收藏夹</a>
                </div>
            </div>
            <div class="clearfix order_item">
                <div class="col_checkbox"><input type="checkbox"></div>
                <div class="col_info">
                    <div class="info_desc">
                        <div class="info_pic">
                            <img src="images/pic4.jpg" alt="">
                        </div>
                        <div class="info_text">
                            <p class="name">
                                <a href="#">荣耀智慧屏 55英寸 2G+16G 开关机无广告 远场语音 4K超高清人工智能液晶</a>

                            </p>
                            <p class="property">
                                <span>颜色：红</span>
                                <span>型号：v1</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col_price">&yen;5199</div>
                <div class="col_amount">
                    <div class="num_input">
                        <span class="btn_reduce btn_disabled">-</span>
                        <input type="text" class="num_text" value="1">
                        <span class="btn_add">+</span>
                    </div>
                </div>
                <div class="col_subtotal"><span>&yen;5100.00</span></div>
                <div class="col_operation">
                    <a href="#" class="highlight">删除</a>
                    <a href="#">移入收藏夹</a>
                </div>
            </div>
            <div class="clearfix order_item">
                <div class="col_checkbox"><input type="checkbox"></div>
                <div class="col_info">
                    <div class="info_desc">
                        <div class="info_pic">
                            <img src="images/pic4.jpg" alt="">
                        </div>
                        <div class="info_text">
                            <p class="name">
                                <a href="#">荣耀智慧屏 55英寸 2G+16G 开关机无广告 远场语音 4K超高清人工智能液晶</a>

                            </p>
                            <p class="property">
                                <span>颜色：红</span>
                                <span>型号：v1</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col_price">&yen;5199</div>
                <div class="col_amount">
                    <div class="num_input">
                        <span class="btn_reduce btn_disabled">-</span>
                        <input type="text" class="num_text" value="1">
                        <span class="btn_add">+</span>
                    </div>
                </div>
                <div class="col_subtotal"><span>&yen;5100.00</span></div>
                <div class="col_operation">
                    <a href="#" class="highlight">删除</a>
                    <a href="#">移入收藏夹</a>
                </div>
            </div>
            <div class="clearfix order_item order_item_active">
                <div class="col_checkbox"><input type="checkbox" checked></div>
                <div class="col_info">
                    <div class="info_desc">
                        <div class="info_pic">
                            <img src="images/pic4.jpg" alt="">
                        </div>
                        <div class="info_text">
                            <p class="name">
                                <a href="#">荣耀智慧屏 55英寸 2G+16G 开关机无广告 远场语音 4K超高清人工智能液晶</a>

                            </p>
                            <p class="property">
                                <span>颜色：红</span>
                                <span>型号：v1</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col_price">&yen;5199</div>
                <div class="col_amount">
                    <div class="num_input">
                        <span class="btn_reduce btn_disabled">-</span>
                        <input type="text" class="num_text" value="1">
                        <span class="btn_add">+</span>
                    </div>
                </div>
                <div class="col_subtotal"><span>&yen;5100.00</span></div>
                <div class="col_operation">
                    <a href="#" class="highlight">删除</a>
                    <a href="#">移入收藏夹</a>
                </div>
            </div>
          
            <div class="order_toolbar">
                <div class="order_toolbar_lt">
                    <div class="select_all"><input type="checkbox">全选</div>
                    <div class="operations"><a href="javascript:;" class="highlight">删除选中商品</a></div>
               </div>
                <div class="order_toolbar_rt">
                    <div class="amount_sum">已选择<span>1</span>件商品</div>
                    <div class="price_sum">
                        <p>总价：&yen;5199.00</p>
                        <p>优惠：&yen;0.00</p>
                        <p>合计：<em>&yen;5199.00</em></p>
                    </div>
                </div>
            </div>
            <div class="order_action">
               
                <a href="#" class="btn_back">继续购物</a>
                <a href="#" class="btn_go">提交订单</a>
            </div>
        </div>
    </div>
    <div class="footer">

        <div class="layout">
            <div class="clearfix service_wrap">
                <dl class="service_item">
                    <dt>购物指南</dt>
                    <dd>
                        <a href="">
                            购物流程
                        </a>
                        <a href="">
                            支付方式
                        </a>
                        <a href="">
                            配送方式
                        </a>
                    </dd>
                </dl>
                <dl class="service_item">
                    <dt>售后服务</dt>
                    <dd>
                        <a href="">
                            售后政策
                        </a>
                        <a href="">
                            价格保护
                        </a>
                        <a href="">
                            退款说明
                        </a>
                        <a href="">
                            返修/退换货
                        </a>
                        <a href="">
                            取消订单
                        </a>
                    </dd>
                </dl>
                <dl class="service_item">
                    <dt>配送方式</dt>
                    <dd>
                        <a href="">
                            上门自提
                        </a>
                        <a href="">
                            211限时达
                        </a>
                        <a href="">
                            配送服务查询
                        </a>
                        <a href="">
                            配送费收取标准
                        </a>
                        <a href="">
                            海外配送
                        </a>
                    </dd>
                </dl>
                <dl class="service_item">
                    <dt>用户帮助</dt>
                    <dd>
                        <a href="#">免费注册</a>
                        <a href="#">找回密码</a>
                        <a href="#">常见问题</a>
                        <a href="#">优惠券使用</a>
                    </dd>
                </dl>

            </div>
        </div>
        <div class="copyright">
            <p> Copyright&copy;2010-2020 小U商城 版权所有 保留一切权利</p>
            <p> 京ICP备10218183 京ICP证161188号 京公网安备 11010802020593号 出版经营许可证新出发京批字第直130052号</p>
        </div>
    </div>
</body>

</html>